<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<ul class="BookList">
  <li class="book1" id="book_01" href="http://www.biancheng.net/">
        <p class="name">c语言小白变怪兽</p>
        <p class="model"><a href="#">纸质书</a></p>
        <p class="price"><a href="http://localhost">80</a></p>
        <p class="color">红蓝色封装</p>
    </li>

    <li class="book2" id="book_02" href="http://www.biancheng.net/">
        <p class="name">Python入门到精通</p>
        <p class="model"><a id="dianzishu">电子书</a></p>
        <p class="price"><a>45</a></p>
        <p class="color">蓝绿色封装</p>
    </li>

    <li class="book2" id="book_03" href="http://www.biancheng.net/">
        <p class="name">悟空传</p>
        <p class="model"><a >电子书</a></p>
        <p class="price"><a>99</a></p>
        <p class="color">黑色封装</p>
    </li>
</ul>

</body>
</html>